<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
		<meta name="viewport"
			content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="js/layui/css/layui.css" media="all">
		<title>违章处理</title>
		<style>
			body {
				/* margin-top: 20px; */
			}

			.layui-row {
				border-bottom: 1px solid #ddd;
				width: 90%;
				margin: 0 auto;
				margin-top: 10px;
				padding-bottom: 10px;

			}

			.back {
				text-align: left;
				position:fixed;
				opacity: 0.8;
				top: 0px;
			}
			
			.content{
				margin-top: 40px;
				margin-bottom: 50px;
			}
			.d1{
				height: 90px;
				line-height: 90px;
			}
			.d1 div{
				display: inline-block;
			}
			img{
				height: 80px;
				width: 80px;
				margin-right: 50px;
			}
			
			.red{
				display: inline-block;
				background-color: #FF0000;
				color: #FBFBFB;
				height: 25px;
				line-height: 25px;
				padding:0 5px;
				border-radius: 10px;
				font-size: 10px;
			}
			
			.green{
				display: inline-block;
				background-color: #00FF00;
				color: #0C0C0C;
				height: 25px;
				line-height: 25px;
				padding:0 5px;
				border-radius: 10px;
				font-size: 10px;
			}
			
			.yellow{
				display: inline-block;
				background-color: yellow;
				color: #0C0C0C;
				height: 25px;
				line-height: 25px;
				padding:0 5px;
				border-radius: 10px;
				font-size: 10px;
			}
			
			.btnDiv{
				text-align: center;
				position:fixed;
				bottom: 2px;
				width: 100%;
			}
	

			
		</style>
	</head>
	<body>
		<div class="back">
			<button type="button" id="backBtn" class="layui-btn layui-btn-sm" style="border: none;">
				<i class="layui-icon layui-icon-left">返回</i>
			</button>
		</div>

		<div class="content">
			<div class="layui-row">
				<a href="violation-bus-info.html">
					<div class="d1">
						<div><img src="./image/1.png" /></div>
						<div class="d1-list">豫RGB999</div>
					</div>
					<div class="d2"><span class="red">未处理</span></div>
				</a>
			</div>
			<div class="layui-row">
				<a href="">
					<div class="d1">
						<div><img src="./image/1.png" /></div>
						<div><span>豫RGB888</span></div>
					</div>
					<div class="d2"><span class="green">无违章</span></div>
				</a>
			</div>
			<div class="layui-row">
				<a href="">
					<div class="d1">
						<div><img src="./image/1.png" /></div>
						<div><span>豫RGB777</span></div>
					</div>
					<div class="d2"><span class="yellow">已处理</span></div>
				</a>
			</div>
			<div class="layui-row">
				<a href="">
					<div class="d1">
						<div><img src="./image/1.png" /></div>
						<div><span>豫RGB777</span></div>
					</div>
					<div class="d2"><span class="yellow">已处理</span></div>
				</a>
			</div>
			<div class="layui-row">
				<a href="">
					<div class="d1">
						<div><img src="./image/1.png" /></div>
						<div><span>豫RGB777</span></div>
					</div>
					<div class="d2"><span class="yellow">已处理</span></div>
				</a>
			</div>
		</div>
		<div class="btnDiv"><button type="button" class="layui-btn">备案机动车</button></div>
	</body>
	<script src="js/jquery.min.js"> </script>
	<script src="js/common.js"></script>
	<script>
		$(function() {

			$("#backBtn").on("click", function() {
				window.location.href = "violation-index.html";
			});
		});
	</script>
</html>
